/* src/CustomInput.css */  
.custom-input-container {  
    position: relative;  
    width: 100%;  
    max-width: 300px;  
    margin: 0 auto;  
  }  
    
  input {  
    width: 100%;  
    padding: 10px;  
    font-size: 16px;  
    box-sizing: border-box;  
  }  
    
  .keyboard {  
    position: fixed;  
    bottom: 0;  
    left: 0;  
    width: 100%;  
    background-color: white;  
    border-top: 1px solid #ccc;  
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);  
    display: flex;  
    flex-direction: column;  
  }  
    
  .keyboard-row {  
    display: flex;  
    width: 100%;  
  }  
    
  .keyboard button {  
    flex: 1;  
    padding: 20px;  
    font-size: 18px;  
    border: none;  
    background-color: #eee;  
    margin: 0;  
    box-sizing: border-box;  
  }  
    
  .keyboard button:active {  
    background-color: #ddd;  
  }